import React from 'react'
import injectSheet from 'react-jss'
import styles from './styles'
// import {
//   Card,
// } from 'antd'
import { Menu, Dropdown, Icon } from 'antd'

// 下拉菜单
const MenuList = (
    <Menu>
      <Menu.Item>
        用户信息
      </Menu.Item>
      <Menu.Item>
        登出
      </Menu.Item>
    </Menu>
  )

class AppHeader extends React.Component {
  render() {
    const { classes } = this.props
    return (
      <header className={classes.AppHeader}>
        <div className={classes.Logo}>
          博客系统
        </div>
        <div className={classes.User}>
          <Dropdown overlay={MenuList}>
            <span>用户名<Icon type="down" /></span>
          </Dropdown>
        </div>
      </header>
    )
  }
}

export default injectSheet(styles)(AppHeader)
